<template>
  <section class="news-section sports-news">
    <!-- 去掉分类标题和横线 -->
    <ul class="news-list">
      <li class="news-item">
        <h3>中国男篮备战亚洲杯锦标赛</h3>
        <p class="news-meta">来源：体育周报 | 发布时间：2024-01-15 16:30</p>
        <p class="news-summary">中国男篮国家队已开始集训，全力备战即将到来的亚洲杯篮球锦标赛...</p>
      </li>
    </ul>
  </section>
</template>

<script setup lang="ts">
</script>

<style scoped>
.news-section {
  margin-bottom: 2rem;
}

.news-list {
  list-style: none;
  padding: 0;
}

.news-item {
  background: #f8f9fa;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  //border-left: 4px solid #16a34a; /* 保留左侧竖线作为新闻项的分隔 */
}

.news-item h3 {
  margin: 0 0 0.5rem 0;
  color: #2c3e50;
}

.news-meta {
  color: #666;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}

.news-summary {
  color: #555;
  line-height: 1.5;
  margin: 0;
}
</style>